<script>
import AboutApi from "../api/about";
export default {
  data() {
    return {
      siteInfo: {},
      modalShow:true
    }
  },
  methods:{
    closeModal(){
      this.modalShow=false

    }
  },
  mounted(){
    const api = new AboutApi();
    api.getSiteInfo().then(result=>{
      this.siteInfo = result.data;
      console.log(result);
    })
  }
};
</script>

<template>
  <div class="about">
   <dl>
    <dd>{{siteInfo.siteName}}</dd>
    <dd>{{siteInfo.siteIcp}}</dd>
    <dd>{{siteInfo.clientIp}}</dd>
   </dl>
  </div>
  <my-modal title="模态框测试" @close-modal="closeModal" v-if="modalShow">
    内容，可以使用template标签定义多个不同的内容
  </my-modal>
</template>

